<? include_once("config.php")?>
<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">
        <? require_once('title.php');?>
        <link href="favicon.ico" rel="shortcut icon">
        <link rel="stylesheet" href="css/common/swiper.css">
        <link rel="stylesheet" href="css/common/base.css">
        <link rel="stylesheet" href="css/common/animation.css">
        <link rel="stylesheet" href="css/about/style.css">
        <link rel="stylesheet" href="css/common/media.css">
        <script src="js/common/loading.js"></script>
    </head>
    <body>
        <div id="loadingDiv"></div>
        <div class="beginning left flex flex-align-items">
                <img src="img/common/bodyBg.jpg" class="bg obj-c" alt="">
                <i class="line top"></i>
                <i class="line bottom"></i>
                <img src="img/common/beginningLogo.png" alt="入场logo图">
        </div>
        <div class="beginning right flex flex-align-items">
                <img src="img/common/bodyBg.jpg" class="bg obj-c" alt="">
                <i class="line top"></i>
                <i class="line bottom"></i>
                <img src="img/common/beginningLogoTxt.png" alt="入场logo文字">
        </div>
        <div class="cutLetter flex flex-align-items flex-justify-content">
            <img src="img/common/bodyBg.jpg" class="bg obj-c" alt="">
            <p>创意</p>
            <p class="mid">规范</p>
            <p>智能</p>
        </div>
        <div class="container horizontal">
            <? require_once('header.php');?>
            <main>
                <div class="about ready">
                    <div class='fluid'>
                        <div class="title">
                            <p class="chn"><span>关于吉曼</span></p>
                            <p class="eng"><span>ABOUT</span></p>
                            <i class="tp horizontal"></i>
                            <i class="lft vertical"></i>
                            <i class="btm horizontal"></i>
                            <i class="rht vertical"></i>
                        </div>
                        <div class="aboutTip">
                            <p class="fst">创作出</p>
                            <p class="scd">真正感动人心的</p>
                            <p class="thd">作品</p>
                        </div>
                        <div class="content flex ready">
                            <div class="round">
                                <p class="circle huge"></p>
                                <p class="circle big"></p>
                                <div class="circle letter">
                                    <div class="small">
                                        <div class="item">
                                            <p class="solid"></p>
                                            <p class="hollow sm"></p>
                                            <p class="hollow md"></p>
                                            <p class="hollow lg"></p>
                                        </div>
                                        <div class="item">
                                            <p class="solid"></p>
                                            <p class="hollow sm"></p>
                                            <p class="hollow md"></p>
                                            <p class="hollow lg"></p>
                                        </div>
                                        <div class="item">
                                            <p class="solid"></p>
                                            <p class="hollow sm"></p>
                                            <p class="hollow md"></p>
                                            <p class="hollow lg"></p>
                                        </div>
                                    </div>
                                    <div class="letterBox">
                                        <p><span>规范</span></p>
                                        <p><span>智能</span></p>
                                        <p><span>创意</span></p>
                                    </div>
                                </div>
                                <img class="picCircle" src="img/index/uncomplete.png" alt="不完整圆">
                                <img class="logo" src="img/index/aboutLogo.png" alt="logo">
                            </div>
                            <div class="txt">
                                <div class="txtBox">
                                   <? signerpost("cn","关于吉曼"); ?>
                                </div>
                            </div>
                            <img src="img/index/aboutDn.png" class="flipBtn" alt="">
                        </div>
                    </div>
                </div>
                <div></div>
                <i class="goldLine ready"></i>
                <div class="advantages">
                    <div class="fluid">
                        <div class="title">
                            <p class="chn"><span>吉曼优势</span></p>
                            <p class="eng"><span>ADVANTAGE</span></p>
                            <i class="tp horizontal"></i>
                            <i class="lft vertical"></i>
                            <i class="btm horizontal"></i>
                            <i class="rht vertical"></i>
                        </div>
                        <div class="swiper">
                            <p class="btn cursor prev"><img src="img/about/prev.png" alt="prev按钮"></p>
                            <div class="swiper-container advSwiper">
                                <div class="swiper-wrapper">
								
							
							<? 
								$newsObj=newslist("吉曼优势","cn","0","100");
								$newsArr=$newsObj['newsArr'];
								$i=0;
								foreach($newsArr as $newsList){
								$i++
							?>
							
							 <div class="swiper-slide">
                                        <div class="contn flex">
                                            0<?=$i?>
                                            <div class="advTip">
                                                <p><?=$newsList->TITLE?></p>
                                                <span><?=$newsList->ENNAME?></span>
                                                <i></i>
                                            </div>
                                        </div>
                                        <span class="numBorder"></span>
                                    </div>
							<? }?>

                                </div>
                                
                            </div>
                            <p class="btn cursor next"><img src="img/about/prev.png" alt="next按钮"></p>
                        </div>
                    </div>
                </div>
                <div class="client">
                     <div class="fluid">
                        <div class="title">
                            <p class="chn"><span>合作客户</span></p>
                            <p class="eng"><span>PARTNER</span></p>
                            <i class="tp horizontal"></i>
                            <i class="lft vertical"></i>
                            <i class="btm horizontal"></i>
                            <i class="rht vertical"></i>
                        </div>
                        <div class="swiper">
                            <div class="swiper-container clientSwiper">
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide">
                                                <img src="img/about/clientLogo.png" alt="合作客户图标">
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="img/about/clientLogo.png" alt="合作客户图标">
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="img/about/clientLogo.png" alt="合作客户图标">
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="img/about/clientLogo.png" alt="合作客户图标">
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="img/about/clientLogo.png" alt="合作客户图标">
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="img/about/clientLogo.png" alt="合作客户图标">
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="img/about/clientLogo.png" alt="合作客户图标">
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="img/about/clientLogo.png" alt="合作客户图标">
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="img/about/clientLogo.png" alt="合作客户图标">
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="img/about/clientLogo.png" alt="合作客户图标">
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="img/about/clientLogo.png" alt="合作客户图标">
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="img/about/clientLogo.png" alt="合作客户图标">
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="img/about/clientLogo.png" alt="合作客户图标">
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="img/about/clientLogo.png" alt="合作客户图标">
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="img/about/clientLogo.png" alt="合作客户图标">
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="img/about/clientLogo.png" alt="合作客户图标">
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="img/about/clientLogo.png" alt="合作客户图标">
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="img/about/clientLogo.png" alt="合作客户图标">
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="img/about/clientLogo.png" alt="合作客户图标">
                                            </div>
                                        </div>
                                        <div class="swiper-pagination client-pagination flex flex-justify-content"></div>
                            </div>
                        </div> 
                     </div>
                </div>
            
            </main>
    	<? require_once('footer.php');?>
        </div>
        
        <script src="js/common/swiper.js"></script>
        <script src="js/common/jquery.js"></script>
        <script src="js/common/common.js"></script>
        <script src="js/about/index.js"></script>
        <script src="js/common/animation.js"></script>
    </body>
</html>